<!--直播间-->
<script src="<%- Virtual_Path.Static %>/jquery.plugin/artdialog/js/dialog-min.js"></script>
<link rel="stylesheet" href="<%- Virtual_Path.Static %>/jquery.plugin/artdialog/css/ui-dialog.css">
<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/template/imax/css/index.css">
<style type="text/css">
    /*座骑*/
    .main-player-mounts{position:absolute;left:0px;top:0px;width:400px;height:300px;z-index:9999;pointer-events:none;}
    /*礼物成组效果*/
    .main-player-giftgroup{position:absolute;right:0px;top:0px;width:500px;height:400px;z-index:9999;pointer-events:none;}
    /*座骑进场名称*/
    .WelcomeMountUserName{border-radius: 50px;background-color: rgba(0,0,0,0.6);color: #fff;width: 200px;height: 26px;text-align: center;padding-top: 5px;margin-left: auto;margin-right: auto;}
    /*结束直播按钮*/
    .main-player-container .player-live-btn .player-live-end {color: #fff; right: 20px; bottom: 40px; background-color: #ff4614;}
    /*艺人守护列表*/
    .main-anchor-guard{position: absolute;right: 20px;top: 0;z-index: 101;bottom: 0;height: 90%;}
    /*艺人推荐位，高度修改*/
    .main-anchor-recommend {width: 100%;height: 90%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;}
</style>
<!-- sidebar  -->
<div class="sidebar-container">
    <div class="sidebar-expand">
        <div class="sidebar-top">
            <div class="sidebar-logo">
                <a href="/" class="logo" target="_blank">
                    <img src="<%- Virtual_Path.Static %>main/template/imax/image/imax-logo.png" alt="logo">
                </a>
            </div>
        </div>
        <div class="sidebar-content" id="J_SideBarContent">
            <div class="sidebar-member-form">
                <div class="sidebar-member" id="J_Panel_Userinfo">
                    <div class="sidebar-userinfo-head">
                        <div class="sidebar-userinfo-cover">
                            <a target="_blank" href="/member/user/follow"><img id="J_UserInfo_Cover" class="userinfo-cover" alt="我的头像" src=""></a>
                        </div>
                        <p id="J_UserInfo_Nickname" class="sidebar-userinfo-name"><a href="/member/user/follow">-</a></p>
                        <p id="J_UserInfo_ID" class="sidebar-userinfo-id">ID:-</p>
                    </div>
                    <p class="sidebar-userinfo-le">金币：<span id="J_UserInfo_Coin" class="coin">-</span></p>
                    <p class="sidebar-userinfo-le">金豆：<span id="J_UserInfo_Bean" class="bean">-</span></p>

                    <div class="sidebar-process-bar">
                        <div class="sidebar-process-bar-percentage" id="J_MUser_Exp"></div>
                    </div>
                    <div class="sidebar-ctrl-btn">
                        <a href="/pay/" class="sidebar-ctrl-pay" target="_blank" onclick="_czc.push(['_trackEvent', '房间左面充值', '左面充值', '房间左面充值']);">充值</a>
                        <a href="/member/user/" class="sidebar-ctrl-profile" target="_blank">个人中心</a>
                    </div>
                    <div class="sidebar-exit-btn">
                        <a href="javascript:;" href="javascript:;" UserSign="Out">退出登录</a>
                    </div>
                </div>
                <div class="member-login-form" id="J_Panel_Login">
                    <a href="javascript:;" class="btn-form-login" UserSign="In" onclick="_czc.push(['_trackEvent', '房间登录', '登录', '房间登录']);">登录</a>
                    <a href="javascript:;" class="btn-form-reg" UserSign="Up" onclick="_czc.push(['_trackEvent', '房间注册', '注册', '房间注册']);">注册</a>
                </div>
            </div>
            <div class="sidebar-nav-menu" id="J_SideBarNavMenu">
                <div class="mod-nav-item">
                    <a class="title" target="_blank" href="/">
                        <i class="ico-home"></i>
                        <span>首页</span>
                    </a>
                </div>
                <div class="mod-nav-item">
                    <a class="title" target="_blank" href="/mall">
                        <i class="ico-mall"></i>
                        <span>商城</span>
                    </a>
                </div>
                <div class="mod-nav-item">
                    <a class="title" href="javascript:;" data-task="task" onclick="_czc.push(['_trackEvent', '房间任务', '任务', '房间任务']);">
                        <i class="ico-task"></i>
                        <span>任务</span>
                    </a>
                </div>
                <div class="mod-nav-item">
                    <a class="title" target="_blank" href="/member/user/follow">
                        <i class="ico-follow"></i>
                        <span>关注</span>
                    </a>
                </div>
            </div>
            <!-- follow  -->
            <div class="sidebar-member-follow" id="J_Panel_MyFollow">
                <h4 class="sidebar-mod-hd">
                    <span class="title"><i></i>我的关注 <em id="J_Panel_MyFollowTotal">-</em></span>
                    <a href="/member/user/follow/" class="morelink">更多&gt;</a>
                </h4>
                <div class="sidebar-mod-bd">
                    <ul class="introlist" id="J_Panel_MyFollowList">

                    </ul>
                </div>
            </div>
            <!-- end follow -->
        </div>
    </div>
    <div class="sidebar-collapse">
        <div class="sidebar-collapse-top">
            <div class="sidebar-collapse-logo">
                <a href="/" class="logo">
                    <img src="<%- Virtual_Path.Static %>main/template/imax/image/i-logo.png" alt="logo">
                </a>
            </div>
        </div>
        <div class="sidebar-collapse-content">
            <div class="sidebar-member-form">
                <div class="sidebar-member" id="J_C_SideBarMember">
                    <div class="sidebar-userinfo-head">
                        <div class="sidebar-userinfo-cover">
                            <a target="_blank" href="/member/user/follow"><img id="J_C_UserInfo_Cover" class="userinfo-cover" alt="我的头像" src=""></a>
                        </div>
                        <p id="J_C_UserInfo_Nickname" class="sidebar-userinfo-name"><a href="/member/user/follow">-</a></p>
                        <p id="J_C_UserInfo_ID" class="sidebar-userinfo-id">ID:-</p>
                    </div>
                    <p class="sidebar-userinfo-le">金币：<span id="J_C_UserInfo_Coin" class="coin">-</span></p>
                    <p class="sidebar-userinfo-le">金豆：<span id="J_C_UserInfo_Bean" class="bean">-</span></p>

                    <div class="sidebar-process-bar">
                        <div class="sidebar-process-bar-percentage" id="J_C_MUser_Exp"></div>
                    </div>
                    <div class="sidebar-ctrl-btn">
                        <a href="/pay/" class="sidebar-ctrl-pay" target="_blank" onclick="_czc.push(['_trackEvent', '房间左面充值', '左面充值', '房间左面充值']);">充值</a>
                        <a href="/member/user/" class="sidebar-ctrl-profile" target="_blank">个人中心</a>
                    </div>
                    <div class="sidebar-exit-btn">
                        <a href="javascript:;" href="javascript:;" UserSign="Out">退出登录</a>
                    </div>
                </div>

                <div class="sidebar-collapse-member-cover" id="J_SidebarCollapseMemberCover">
                    <a target="_blank" href="/member/user/base_info">
                        <img class="userinfo-cover" alt="" src="" id="J_C_UserinfoCover">
                    </a>
                </div>
                <div class="member-collapse-login-form" id="J_MemberCollapseLoginForm">
                    <a href="javascript:;" class="btn-form-login" UserSign="In" onclick="_czc.push(['_trackEvent', '房间登录', '登录', '房间登录']);">登录</a>
                    <a href="javascript:;" class="btn-form-reg" UserSign="Up" onclick="_czc.push(['_trackEvent', '房间注册', '注册', '房间注册']);">注册</a>
                </div>
            </div>
            <div class="sidebar-collapse-nav-menu">
                <div class="mod-nav-item">
                    <a class="title" target="_blank" href="/">
                        <i class="ico-home"></i>
                        <span>首页</span>
                    </a>
                </div>
                <div class="mod-nav-item">
                    <a class="title" target="_blank" href="/mall">
                        <i class="ico-mall"></i>
                        <span>商城</span>
                    </a>
                </div>
                <div class="mod-nav-item">
                    <a class="title" href="javascript:;" data-task="task" onclick="_czc.push(['_trackEvent', '房间任务', '任务', '房间任务']);">
                        <i class="ico-task"></i>
                        <span>任务</span>
                    </a>
                </div>
                <div class="mod-nav-item">
                    <a class="title" target="_blank" href="/member/user/follow">
                        <i class="ico-follow"></i>
                        <span>关注</span>
                    </a>
                </div>
            </div>
            <!-- follow  -->
            <div class="sidebar-member-follow" style="display: none;">
                <h4 class="sidebar-mod-hd">
                    <span class="title"><i></i>我的关注 <em>(-)</em></span>
                    <a target="_blank" href="/member/user/follow" class="morelink">更多&gt;</a>
                </h4>
            </div>
            <!-- end follow -->
        </div>
    </div>
    <a href="javascript:;" class="sidebar-toggle-btn"></a>
</div>
<!-- end sidebar  -->
<div class="main-container" style="z-index:1;">
    <div class="main-content-box">
        <div class="main-content-holder">
            <div class="main-header-box">
                <div class="head-box-info">
                    <div class="head-info-cover">
                        <img src="" alt="" id="J_RoomAnchorHeadImg">
                    </div>

                    <div class="head-info-upgradebar">
                        <span class="head-info-progress" id="J_AnchorUpgradeProgress"></span>
                    </div>
                    <div class="head-info-upgradebox" id="J_AnchorUpgradeBox">
                        <div class="upgrade-content">
                            <p id="J_AnchorUpgradeLevel">升级到下一级</p>
                            <p id="J_AnchorUpgradeNeed" class="mt4">还需<span class="c-lev">-</span>经验</p>
                        </div>
                    </div>

                    <h1 class="head-info-title">-</h1>
                    <div class="head-info-badge clearfix" id="J_AnchorBadgeList">
                        <span id="J_RoomAnchorLevelIcon"></span>
                    </div>
                    <div class="head-info-detail clearfix">
                        <span class="head-info-hostname" id="J_Anchor_NickName">-</span>
                        <!--<span class="head-info-ico head-info-person" id="J_RoomUserCount">-</span>-->
                        <span class="head-info-ico head-info-livetime"> <span id="J_Live_CreateDate">-</span></span>
                        <!--<span class="head-info-ico head-info-heart">12354</span>-->
                        <span class="head-info-ico head-info-pomelo" id="J_AnchorPomeloNum">-</span>
                    </div>
                </div>

                <div class="head-box-tool clearfix">
                    <div class="head-tool-top-container">
                        <div class="head-tool-follow">
                            <div class="head-tool-follow-count" id="J_AttentionNum">-</div>
                            <div class="head-tool-follow-btn" id="J_AttentionBtn">关注</div>
                        </div>
                        <div class="head-tool-shift">
                            <a href="javascript:;" class="head-tool-shift-btn" id="J_AdminWarningBtn">警告</a>
                            <!--<a href="javascript:;" class="head-tool-shift-btn" id="J_AdminFrozenBtn">冻结</a>-->
                            <!--<a href="javascript:;" class="head-tool-shift-btn" id="J_AdminLiveEndBtn">结束直播</a>-->
                        </div>
                    </div>
                    <div class="head-tool-bottom-container">
                        <div class="head-tool-report" id="J_ReportRoomAnchor">
                            <span>举报</span>
                        </div>
                        <div class="head-tool-share">
                            <span>分享</span>
                            <div class="head-tool-share-plat">
                                <div class="head-tool-share-wrapper">
                                    <div class="head-tool-share-info bdsharebuttonbox bdshare-button-style0-32" data-tag="share_1" data-bd-bind="1474352836550">
                                        <span>分享到</span>
                                        <a class="weibo bds_tsina" data-cmd="tsina" title="分享到新浪微博" data-plat="weibo" href="#">新浪微博</a>
                                        <a class="qspace bds_qzone" data-cmd="qzone" title="分享到QQ空间" data-plat="qspace" href="#">QQ空间</a>
                                        <a class="qq bds_sqq" data-cmd="sqq" title="分享到QQ好友" data-plat="qq" href="#">QQ</a>
                                        <a class="weixin bds_weixin" data-cmd="weixin" title="分享到微信" data-plat="weixin" href="#">微信</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="head-tool-download">
                            <a class="alink" href="/app/download/pc/" target="_blank">APP下载</a>
                        </div>
                    </div>
                </div>

            </div>
            <div class="main-player-container" id="J_MainPlayerContent">
                <!--播放器-->
                <div class="main-player-swf-box">
                    <object id="J_VideoPlayerSwf" width="100%" height="100%" align="middle" data="/player/VideoPlayer3.swf" class="main-player-swf" type="application/x-shockwave-flash">
                        <param value="high" name="quality">
                        <param value="true" name="play">
                        <param value="false" name="loop">
                        <param value="Opaque" name="wmode">
                        <param value="noscale" name="scale">
                        <param value="false" name="menu">
                        <param value="false" name="devicefont">
                        <param value="" name="salign">
                        <param value="always" name="allowscriptaccess">
                        <param value="true" name="allowfullscreen">
                        <param name="bgColor" value="#222">
                        <param value="_VirtualPath_Static=<%- Virtual_Path.Static %>&_CDN_UTILS=<%- Virtual_Path.Utils_CDN %>&style=2&videoWidth=960&amp;videoHeight=540" name="flashvars">
                    </object>
                </div>

                <div class="player-live-btn">
                    <a href="javascript:;" class="player-live-start" id="J_LiveStartBtn" style="display:none;">开始直播</a>
                    <a href="javascript:;" class="player-live-end" id="J_LiveEndBtn" style="display:none;">结束直播</a>
                </div>

                <div class="main-anchor-guard">
                    <div class="anchor-guard-badge" id="J_AnchorGuardBuy"></div>
                    <div class="anchor-guard-box">
                        <div class="anchor-guard-list">
                            <ul class="guard-list" id="J_GuardList">

                            </ul>
                        </div>
                        <div class="anchor-guard-slider" style="display:none;">
                            <a href="javascript:;" class="guard-slider-l">上一页</a>
                            <a href="javascript:;" class="guard-slider-r">下一页</a>
                        </div>
                    </div>
                </div>

                <!--  未开播艺人推荐 -->
                <div class="main-anchor-recommend" id="J_RecommendAnchor" style="display:none;">
                    <div class="anchor-recommend-content">
                        <h2 class="anchor-recommend-hd">
                            (⊙o⊙)艺人暂时不在家，看看其他精彩直播吧！
                        </h2>
                        <div class="anchor-recommend-bd">
                            <ul id="J_RecommendAnchorList">

                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="main-footer-box">
                <div class="main-toolbar-container">
                    <div class="main-toolbar-task" id="J_ToolBarTask">
                        <!--<div class="task-item task-goldegg">-->
                            <!--<a class="task-icon" href="javascript:void(0);" title="砸金蛋" data-game="game-goldegg" id="J_TaskGameGoldEgg" onclick="_czc.push(['_trackEvent', '砸金蛋游戏', '砸金蛋', '砸金蛋游戏']);"></a>-->
                        <!--</div>-->
                    </div>
                    <div class="main-toolbar-ctrl">
                        <div class="main-gift-histroy" style="display:none;">
                            <a class="histroy-icon" href="javascript:void(0);" title="送礼记录" id="J_HistroyIcon"></a>
                        </div>
                        <div class="main-gift-list" id="J_GiftList">
                            <div class="main-gift-tab" id="J_GiftTab">
                                <a href="javascript:;" class="tab-icon active">礼物</a>
                                <a href="javascript:;" class="tab-icon">包裹</a>
                                <i class="active-icon"></i>
                            </div>
                            <div class="main-gift-content">
                                <!--礼物列表-->
                                <div class="gift-panel" id="J_GiftPanel">
                                    <ul id="J_GiftListItem">

                                    </ul>
                                </div>
                                <!--包裹列表-->
                                <div class="gift-panel" id="J_GiftPackagePanel" style="display:none;">
                                    <ul id="J_GiftListItem">

                                    </ul>
                                </div>

                                <a title="点击查看更多礼物" id="J_MoreGifts" class="arrow" href="javascript:void(0);"><i class="arrow-icon"></i></a>
                                <div class="gift-panel-tip">
                                    <div class="gift-tips" id="J_GiftPanelTip" >
                                        <div class="gift-tips-content">
                                            <div class="gift-intro-thumb">
                                                <img id="J_GiftPanelTip_GiftImg" alt="-">
                                            </div>
                                            <div class="gift-intro-info">
                                                <h3 class="title" id="J_GiftPanelTip_GiftName">-</h3>
                                                <p class="price" id="J_GiftPanelTip_GiftPrice">-</p>
                                                <p class="desc" id="J_GiftPanelTip_GiftDesc">-</p>
                                                <p class="desc" id="J_GiftPanelTip_GiftIntro" style="display:none;">-</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="main-gift-submit">
                            <div class="gift-send-form">
                                <div class="gift-result">
                                    <img id="J_GiftSelectImg" >
                                    <input type="text" maxlength="4" value="1" id="J_GiftInputNum" class="num-input">
                                    <a title="点击查看更多" class="arrow" href="javascript:void(0);" id="J_NumSelect">
                                        <i class="icon arrow-icon"></i>
                                    </a>
                                </div>
                                <div class="gift-option-list" id="J_OptionList">
                                    <ul>
                                        <li data-num="1" class="active"><span>1</span></li>
                                        <li data-num="10"><span>10</span>(十全十美)</li>
                                        <li data-num="66"><span>66</span>(一切顺利)</li>
                                        <li data-num="99"><span>99</span>(长长久久)</li>
                                        <li data-num="188"><span>188</span>(要抱抱)</li>
                                        <li data-num="520"><span>520</span>(我爱你)</li>
                                        <li data-num="1314"><span>1314</span>(一生一世)</li>
                                    </ul>
                                </div>
                                <div class="gift-send-btn" id="J_GiftGiveBtn">
                                    <a href="javascript:;" class="send-btn-submit">赠送</a>
                                </div>
                            </div>
                            <div class="gift-recharge-btn" id="J_GiftBuyBtn">
                                <a title="充值" href="/pay/" target="_blank" onclick="_czc.push(['_trackEvent', '房间充值', '充值', '房间充值']);">
                                    <i class="icon"></i><br>
                                    <span>充值</span></a>
                            </div>
                            <div class="gift-free-pomelo" id="J_PomeloThrowBtn">
                                <i class="icon-pomelo"></i>
                                <span class="total-pomelo" id="J_SelfPomeloNum">-</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-chat-box">
        <div class="main-notice">
            <i class="main-notice-icon"></i>
            <em>直播公告：</em><span id="J_RoomWelcome">-</span>
        </div>

        <!-- 头条 -->
        <div class="main-broadcast-frontpage" id="J_FrontPage">
            <!--头条内容-->
            <div class="main-broadcast-content" id="J_HeadlineBroadcastContent">
                <div class="main-broadcast-box" id="J_HeadlineContent">
                    <div class="broadcast-box-top">
                        <a href="javascript:;" class="nickname" id="J_HeadlineUserNickname" target="_blank">-</a> 送 <span id="J_HeadlineGiftName">-</span>＊<span id="J_HeadlineGiftCount">-</span>
                    </div>
                    <div class="broadcast-box-content">
                        <p>(来自 <a href="javascript:;" class="nickname" id="J_HeadlineAnchorNickname" target="_blank">-</a> 的直播间)</p>
                    </div>
                    <img alt="" class="thumbimg" id="J_HeadlineGiftImg">
                </div>
                <!--空-->
                <div class="main-broadcast-box" id="J_HeadlineNone" style="display: block;">
                    <div class="xtv-empty" style="line-height: 40px;text-align: center;">
                        快来抢头条，为小主而战吧！
                    </div>
                </div>
                <!-- 倒计时 从100% 到 0-->
                <div class="broadcast-box-progressbar">
                    <div class="loader-container run" id="J_HeadlineGuardTime">
                        <span class="runner"></span>
                    </div>
                </div>
            </div>

            <!--头条提示-->
            <div class="main-frontpage-tip">
                <div class="main-frontpage-tips">
                    <h3 class="content-tit" id="J_CurrentRemainingTime" style="display:none;">当前剩余保护时间<span class="headline-time" id="J_HeadlineSurplusTime">00:00</span> </h3>
                    <div class="content-tip">
                        <p>1.头条拥有<span id="J_HeadlineGuradTimeCount">-</span>分钟保护时间。</p>
                        <p>2.保护时间内，消费高于当前头条即可
                            取代其展示位。</p>
                        <p>3.保护时间过后，消费满<span id="J_HeadlineTriggerAmtCount">-</span>金币
                            即可上头条。</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 喇叭动画 -->
        <div class="main-broadcast-horn" id="J_RoomHorn">
            <div class="main-broadcast-box">
                <div class="broadcast-box-top">
                    <a href="javascript:;" target="_blank" class="nickname" id="J_RoomHorn_UserName">-</a> 在 <a href="javascript:;" target="_blank" class="nickname" id="J_RoomHorn_AnchorName">-</a> 的房间说：
                </div>
                <div class="broadcast-box-content">
                    <p id="J_RoomHorn_Text">-</p>
                </div>
            </div>
        </div>

        <!-- 开通守护动画 -->
        <div class="main-broadcast-guard">
            <div class="main-broadcast-box">
                <div class="broadcast-box-content">
                    <a href="javascript:;" class="cover">
                        <img id="J_GuardEffectPanel_UserHead"  alt="">
                    </a>
                    <p class="intro-tip">恭喜土豪 <span id="J_GuardEffectPanel_UserInfo"></span> 开通守护</p>
                </div>
            </div>
        </div>

        <div class="main-rank-container">
            <div class="main-rank-list">
                <div class="main-rank-list-hd clearfix" id="J_RankListTab">
                    <a data-rank="tab1" class="tab">场贡献</a>
                    <a data-rank="tab2" class="tab active">周贡献</a>
                    <a data-rank="tab3" class="tab last">总贡献</a>
                    <a data-rank="tab4" class="tab last">在线</a>
                </div>
                <div class="main-rank-list-bd clearfix">
                    <!--排行榜-->
                    <div class="main-rank-user-list main-rank-tab1 active" id="J_RoomRankListDiv">
                        <div class="rank-top-row-wrap clearfix" id="J_RankingTop3">
                        </div>
                        <div id="J_RankingOther" class="rank-row-wrap clearfix">
                        </div>
                    </div>
                    <!--在线列表-->
                    <div class="main-online-user-list" id="J_RoomUserListDiv">
                        <div class="main-online-user-wrap">
                            <h4 class="online-title">场控（<span id="J_AdminUserCount">0</span>）</h4>
                            <ul class="online-list" id="J_RoomAdminList">
                            </ul>
                            <h4 class="online-title">在线（<span id="J_RoomUserListCount">0</span>）</h4>
                            <ul class="online-list" id="J_RoomUserList">
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="main-chat-container" id="J_ChatContainer">
            <div class="main-chat-info" id="J_WebChatList">
                <ul class="main-chat-messages" id="J_Chatlistinfo">
                </ul>
            </div>
            <div class="main-chat-info" id="J_WebChatListPrivate" style="display:none;">
                <ul class="main-chat-messages" id="J_ChatlistinfoPrivate">
                </ul>
            </div>
            <div class="main-chat-guest" id="J_ChatGuest">
                <div class="chat-guest-content" id="J_GuestEnter">

                </div>
            </div>
        </div>
        <div class="main-chat-toolkit">
            <div class="main-chat-tools clearfix">
                <div class="main-chat-tool-alt">
                    <a href="javascript:;" class="main-chat-tool main-chat-tool-emoji" title="表情" id="J_TalkFaceBtn">表情</a>
                    <a href="javascript:;" class="main-chat-tool main-chat-tool-msg active" title="消息" id="J_TalkMsgBtn">消息</a>
                    <a href="javascript:;" class="main-chat-tool main-chat-tool-fly" title="飞屏" id="J_TalkFlyBtn">飞屏<em id="J_TalkFlyNum" class="num">0</em></a>
                    <a href="javascript:;" class="main-chat-tool main-chat-tool-horn" title="喇叭" id="J_TalkHornBtn">喇叭<em id="J_TalkHornNum"  class="num">0</em></a>
                    <div class="chat-tool-emoji-panel" id="J_FaceEmoLayer">
                        <div class="main-emoji-cont">
                            <ul class="main-emoji-panel clearfix" id="J_EmoVip">
                            </ul>
                            <ul class="main-emoji-panel clearfix main-emoji-panel-active" id="J_EmoJi">
                            </ul>
                            <ul class="main-emoji-panel clearfix" id="J_EmoGuard">
                            </ul>
                        </div>
                        <div class="main-emoji-tab" id="J_FaceTab">
                            <a href="javascript:;">VIP表情</a>
                            <a href="javascript:;" class="active">普通表情</a>
                            <a href="javascript:;">守护表情</a>
                        </div>
                    </div>

                </div>
                <div class="main-chat-tool-ctrl">
                    <a href="javascript:;" class="main-chat-tool main-chat-tool-scroll" id="J_ChatLockScrollBtn" title="滚屏开关">开始滚屏</a>
                    <a href="javascript:;" class="main-chat-tool main-chat-tool-clear" id="J_ChatTextClearBtn" title="清屏">清屏</a>
                    <div class="main-chat-tool-switch">
                        <a title="显示公聊区" href="javascript:;" class="main-chat-tool-chatto main-chat-tool-chatto-active" data-chat="public">公</a>
                        <a title="显示私聊区" href="javascript:;" class="main-chat-tool-chatto" data-chat="private">私</a>
                    </div>
                </div>
            </div>
            <div class="main-chat-sender" id="J_MainChatSender">
                <div class="chat-input-disable" id="J_InputTextDisable" style="display: none;">
                    <a href="/member/user/security" target="_blank">验证手机号</a>即可发送弹幕!
                </div>
                <textarea type="text" placeholder="双手打字，以示清白～" class="chat-inputfiled" id="J_InputTextWord"></textarea>
                <a href="javascript:;" class="chat-sendbtn" id="J_TalkPublishBtn" title="发送消息">发送</a>
                <a href="javascript:;" class="chat-closed" style="display:none;" id="J_PrivateCancel" title="清除对Ta说">关闭</a>
            </div>
        </div>
    </div>
</div>

<!--弹出信息卡-->
<div class="dxt-card" id="J_UserCardPop">
    <div class="card-content">
        <ul class="card-authinfo">

        </ul>
    </div>
</div>

<!-- 开播提示 -->
<div class="modal-liveplay-box">
    <div class="liveplay-content">
        <div class="x-box-split x-box-tip">
            <div class="x-group">
                <div class="control-cont control-cont-static">
                    <p class="x-control-static x-text-warn">首次开播建议认真观看开播教程</p><a class="x-control-alink" href="<%- Virtual_Path.Static %>/main/assets/doc/全民秀OBS教程.docx" target="_blank">观看教程</a>
                </div>
            </div>
            <div class="x-group">
                <div class="control-cont control-cont-static">
                    <p class="x-control-static">开播前请下载obs开播软件</p><a class="x-control-alink" href="http://pan.baidu.com/s/1eSgFaAe" target="_blank">下载</a>
                </div>
            </div>
            <div class="step-1">
                <span>1</span>
                <p>观看视频教程、下载OBS</p>
            </div>
        </div>

        <div class="x-box-split">
            <div class="x-group">
                <label class="control-label">FMS URL:</label>
                <div class="control-cont">
                    <input class="x-control x-control-sm" id="J_LiveRtmpText" data-clipboard-text="" placeholder="" type="text" value="-" readonly>
                    <input type="button" value="复制" class="x-control-btn" id="J_LiveRtmpCopyBtn" data-clipboard-action="copy" data-clipboard-target="#J_LiveRtmpText">
                </div>
            </div>
            <div class="x-group">
                <label class="control-label">串码流:</label>
                <div class="control-cont">
                    <input class="x-control x-control-sm"  type="text"  id="J_LiveRtmpCodeText" data-clipboard-text="" placeholder="" type="text" value="-" readonly>
                    <input type="button" value="复制" class="x-control-btn active" id="J_LiveRtmpCodeCopyBtn" data-clipboard-action="copy" data-clipboard-target="#J_LiveRtmpCodeText">
                </div>
            </div>
            <div class="step-2">
                <span>2</span>
                <p>复制 串码流</p>
            </div>
        </div>

        <div class="x-box-split x-box-split-nobbor">
            <div class="x-group">
                <label class="control-label"><span style="color:#F00;">*</span>直播标题:</label>
                <div class="control-cont">
                    <input class="x-control" id="J_RoomAnchorLiveTitle" placeholder="一句话描述你的直播内容，吸引更多的宝宝们。" type="text">
                </div>
            </div>
            <div class="x-group">
                <label class="control-label">直播公告:</label>
                <div class="control-cont">
                    <input class="x-control" id="J_RoomAnchorLiveNotice" placeholder="内容是直播间右上角的直播公告区文字" type="text">
                </div>
            </div>
            <div class="step-3">
                <span>3</span>
                <p>编辑直播主题、公告、开始直播</p>
            </div>
        </div>
        <div class="x-box-split-btn">
            <a href="javascript:;" class="x-control-btn-live">开始直播</a>
        </div>
    </div>
</div>

<!-- 开通守护 -->
<div class="modal-guard-box">
    <div class="guard-content">
        <ul class="guard-power">
            <li>
                <h3>专属徽章</h3>
            </li>
            <li>
                <h3>专属座驾</h3>
            </li>
            <li>
                <h3>炫彩文字</h3>
            </li>
            <li>
                <h3>专属表情</h3>
            </li>
            <li>
                <h3>防      踢</h3>
            </li>
            <li>
                <h3>防禁言</h3>
            </li>
            <li>
                <h3>敬请期待</h3>
            </li>
            <li>

            </li>
        </ul>
        <div class="guard-buyinfo">
            <div class="guard-field">
                <div class="g-l">开通时长:</div>
                <div class="g-r">
                    <a href="javascript:;" class="g-type active">月守护</a>
                    <a href="javascript:;" class="g-type">年守护</a>
                </div>
            </div>
            <div class="guard-field">
                <div class="g-l">总     计:</div>
                <div class="g-r">
                    <span> <b class="c-ffad2d fs-16" id="J_GuardPrice">-</b></span> 金币
                    <!--<span>（<del><b class="c-ffad2d" id="J_GuardPriceDel">588000</b>金币</del>）</span>-->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 任务 -->
<div class="modal-task-box" id="J_ModalTaskBox">
    <div class="task-content">
        <div class="task-hd">
            <div class="task-tab" id="J_TaskTab_all">
                <a href="javascript:;" class="active">待完成</a>
                <a href="javascript:;">完成待领取<em id="J_TaskFinishNum">-</em></a>
            </div>
        </div>
        <div class="task-bd" id="J_TaskConts_all">
            <div class="task-cont active" id="J_TaskCont_all">

            </div>
            <div class="task-cont" id="J_TaskCont_finish">

            </div>
        </div>
    </div>
</div>

<!-- 礼物历史记录弹窗 -->
<div class="modal-histroy-box" id="J_ModalGiftHistoryList">
    <div class="histroy-content">
        <div class="histroy-content-wrap">
            <ul id="J_GiftHistoryList">
            </ul>
        </div>
    </div>
</div>

<!-- modal-freeze-box -->
<div class="modal-freeze-box" id="J_ModalFreezeBox">
    <div class="freeze-content">
        <div class="f-item">
            <label>冻结艺人:</label>
            <p class="f-field" id="J_FreezeAnchorNickName">-</p>
        </div>
        <div class="f-item">
            <label>冻结原因:</label>
            <p class="f-field">
                <textarea name="" class="f-input" placeholder="请输入冻结艺人的原因" id="J_FreezeValue"></textarea>
            </p>
        </div>
        <div class="f-item f-submit">
            <a href="javascript:;" class="f-btn" id="J_FreezeSure">确认冻结</a>
        </div>
    </div>
</div>


<!-- 违规警告 -->
<div class="modal-awarning-box" id="J_ModalWarningBox">
    <div class="awarning-content">
        <div class="f-item">
            <label>警告类型:</label>
            <p class="f-field">
                <select name="" id="J_AdminWarning_Select" class="f-select">
                    <option>播放录像</option>
                    <option>艺人双开</option>
                    <option>长期离开</option>
                    <option>视频模糊</option>
                    <option>色情内容</option>
                    <option>暴力血腥</option>
                    <option>消极反动</option>
                    <option>明令禁止</option>
                    <option>违反版权</option>
                    <option>虚假信息</option>
                    <option>其它内容</option>
                </select>
            </p>
        </div>
        <div class="f-item">
            <label>警告内容:</label>
            <p class="f-field">
                <textarea id="J_AdminWarning_ContentText" name="" class="f-input" placeholder="请输入冻结艺人的原因"></textarea>
            </p>
        </div>
        <div class="f-item">
            <label>警告形式:</label>
            <p class="f-field">
                <label for="id_jg_1"><input id="id_jg_1" type="radio" name="annotify" value="1" checked>私聊艺人</label>
                <label for="id_jg_2"><input id="id_jg_2" type="radio" name="annotify" value="2">房间公示</label>
            </p>
        </div>
        <div class="f-item">
            <label>扣分操作:</label>
            <p class="f-field">
                <label for="id_kf_1"><input id="id_kf_1" type="radio" name="anscore" value="0" checked>不扣</label>
                <label for="id_kf_2"><input id="id_kf_2" type="radio" name="anscore" value="1">1分</label>
                <label for="id_kf_3"><input id="id_kf_3" type="radio" name="anscore" value="3">3分</label>
                <label for="id_kf_4"><input id="id_kf_4" type="radio" name="anscore" value="5">5分</label>
            </p>
        </div>
        <div class="f-item">
            <label>后续操作:</label>
            <p class="f-field">
                <label for="id_cz_1"><input id="id_cz_1" type="radio" name="anact" value="0" checked>警告</label>
                <label for="id_cz_2"><input id="id_cz_2" type="radio" name="anact" value="1">结束直播</label>
                <label for="id_cz_3"><input id="id_cz_3" type="radio" name="anact" value="2">冻结房间</label>
            </p>
        </div>
        <div class="f-item f-submit" id="J_AdminWarning_SubmitBtn">
            <a href="javascript:;" class="f-btn">确定</a>
        </div>
    </div>
</div>


<!-- modal-report-box -->
<div id="J_ReportContainer"></div>
<script src="<%- Virtual_Path.Static %>jquery.plugin/uploadifive/jquery.uploadifive.min.js"></script>
<div class="guide-task-tip" id="J_GuideTaskTip">
    <a href="javascript:;" class="x-closed"></a>
</div>
<div class="guide-attention-tip" id="J_GuideAttentionTip">
    <a href="javascript:;" class="x-closed"></a>
</div>

<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/assets/font/google_opensans_v10/font.css">
<link rel="stylesheet" href="<%- Virtual_Path.Static %>main/template/imax/js/windowcomponent/WindowComponent.css">
<script src="<%- Virtual_Path.Static %>main/template/imax/js/windowcomponent/WindowComponent.js"></script>
<script type="text/javascript" src="<%- Virtual_Path.Static %>jquery.plugin/clipboard/clipboard.min.js"></script>
<script src="/js/common.main.room.js"></script>
<script src="/js/main/room.max.js"></script>
<!-- 百度分享代码 -->
<script type="text/javascript">
    var _czc = _czc || [];
    //////////////////////////////////////////////////////////
    window._bd_share_config = {
        common : {
            bdText : '',
            bdDesc : '',
            bdUrl : '',
            bdPic : ''
        },
        share : [{
            "bdSize" : 32
        }]
    }
</script>